<template>
  <Grid>
      <GridItem
        text="全球奶粉"
        :imgSrc="require('../../assets/home/全球奶粉.png')"
        bg="rgb(255,246,227)"
      />
      <GridItem
        text="营养辅食"
        :imgSrc="require('../../assets/home/营养辅食.png')"
        bg="rgb(251,255,238)"
      />
      <GridItem
        text="宝宝洗护"
        :imgSrc="require('../../assets/home/宝宝洗护.png')"
        bg="rgb(245,247,253)"
      />
      <GridItem
        text="尿不湿"
        :imgSrc="require('../../assets/home/尿不湿.png')"
        bg="rgb(255,243,245)"
      />
    </Grid>
</template>
<script>
import Grid from "../../components/index/child/Grid.vue"
import GridItem from "../../components/index/child/GridItem.vue"
export default{
    data(){
        return{

        }
    },
    components:{
        Grid,
        GridItem,
    }
}
</script>
<style scoped>

</style>